<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接元素</title>
	</head>
	<body>
		<!--  超文本链接:实现页面的跳转【6种]
             超文本链接元素:<a href=" ">文本内容</a >
			 必须属性: href=相对路径+文件全称
			 超链接跳转方式:
            ①跳转至本地页面:相对路径+文件全称
            ②跳转至本地:#	占位符
		    ③跳转至互联网页面：http://www.baidu.com
			④实现下载：相对路径+压缩文件
			⑤跳转至邮箱：mailto:2153950180@qq.com  软件：foxmail
			⑥跳转至JS：JavaScript：alert("欢迎学习JS")
			target属性：跳转方式打开
			    属性值：_self 默认在当前窗口打开
                       _blank	在新窗口打开	
                       _top	在顶级窗口打开	
                       _parent 在父级窗口打开	
		-->
		<a href="javascript:alert('欢迎学习JS')">跳转至JS</a><br>
		<a href="mailto:2153950180@qq.com">跳转至邮箱</a><br>
		<a href="1.zip">下载</a><br>
		<a href="www.baidu.com" target="_parent">百度一下你就知道</a><br>
		<a href="#">跳转至本页</a><br>
		<a href="大风车.html">跳转到大风车页面</a>
		<!--【返回顶部]锚点步骤:1.定义锚点2.锚点距离 3.锚点位-->
		<h2>锚点技术</h2>
		<!--1.定义锚点:人拿个绳子-->
		<a href="#abc">人</a>
		<!--2.锚点距离:设定高度为1000px-->
		<di v style="height:1000px"></div>
		<!-- 3.锚点位定义
        超链接属性:name用于传参【前台传后台]
		-->
		<a name="abc"><img src="img/2.jpg" alt="猫猫侠" /></a>
	</body>
</html>